| XENOGENY NEWS | ||||||||||||||||||||||||
| Your Lesbigaytrans Mid-South Newsweekly Promoting Diversity! | ||||||||||||||||||||||||
|
|
XENOGENY NEWS We Are Here for YOU!. Image Tags Very Simple way I suggest this for beginners. Where name of image is you put the name of the Image that you have. Alternative way to put Images on your page. If you think,"well this is not hard ," try some of these other examples! Alternative text instead of a graphic. This text is shown if the user has graphics turned off, or it's a text-based browser like Lynx. Example: Height and Width Tags Specifies the height and width of the image. If the real height and width are specified, it loads faster than one without the dimensions, because the browser doesn't have to calculate it after downloading. Example: The height and width doesn't have to be it's real values. For example, if I wanted a smaller signature-type footer that's the same as my header, I could use the same image, only the height and width would be specified smaller (and thus would be faster). Example: Align Images left or right - aligns to the side and wraps the text above, around, and below it. top - aligns with the tallest item available. texttop - aligns with the tallest text character available. middle - aligns the baseline of the current line with the middle of the image. absmiddle - aligns the middle of the current line with the middle of the image. baseline - aligns the bottom of the image with the baseline of the current line. bottom - aligns the bottom of the image with the baseline of the current line. absbottom - aligns the bottom of the image with the bottom of the current line. Example: Border around Graphic Specifies the Border thickness in pixels, including 0. This is also useful for images that are links, with no border. Example: Vertical Space and Horizonal Space Around Graphic Specifies vertical and horizontal space around the image. This is useful for aligned images so the text will be a little padded and not wrap against the image. Example: How to add a Background to your page To add a background image to your page, do the following: This is how your page should look from the top to where you add your background tag. In the above example your background could also be a jpg file and not a gif. (My backgrounds are jpg's.) So you would just add .jpg in the place .gif How to make an Image Clickable Below is an example of a clickable image with a border of 4 pixels Html to include an image as clickable is below Below is an example of a clickable image without a border. Html to include an image as clickable without a border. Html to include an image as clickable to go to another site. In the above examples nameoffile is the name of the page you want the image to bring up (link to). Animated Graphics To include an animated graphic on your page take the graphic just like any non-animated graphic and put the animation on your page the exact same way. That's all there is to it. I hope this page explains how to put graphics and backgrounds on your page. For beginners I would use the basic tag for Images and the background tag. I have tried to make this as understandable as I could. If you would like to see any other instructions here feel free to tell me what instructions you would like added. If I see a need for it, I will add the instructions as soon as possible Thanks JP :-) | |||||||||||||||||||||||
|
|
Community Calendar
| |||||||||||||||||||||||
| We Promote Communiy Unity | ||||||||||||||||||||||||
|
Bar Club Listings |
|
Favourite links
|
|
| ||||||||||||||||||||
|
This page has been visited
|